/**
Deprecated
 */
.btn{
    border:1px solid transparent;
    border-radius:4px;
    height:2rem;
    background-color:var(--btn-common-bg-color);
    vertical-align:middle;
    color:var(--btn-color);
}
.btn-new{
    background-color:var(--btn-new-bg-color);
    /*color:var(--btn-new-color);*/
}
.btn-edit{
    background-color:var(--btn-edit-bg-color);
    /*color:var(--btn-edit-color);*/
}
.btn-delete{
    background-color:var(--btn-delete-bg-color);
    /*color:var(--btn-delete-color);*/
}
.btn-cancel{
    background-color: var(--btn-cancel-bg-color);
}
/**
按钮样式定义 since 2019-05-15
 */
.df-btn{
    border:1px solid transparent;
    border-radius:4px;
    padding:5px 10px;
    background-color:var(--btn-common-bg-color);
    vertical-align:middle;
    color:var(--btn-color);
}
.df-btn-new{
    background-color:var(--btn-new-bg-color);
    /*color:var(--btn-new-color);*/
}
.df-btn-edit{
    background-color:var(--btn-edit-bg-color);
    /*color:var(--btn-edit-color);*/
}
.df-btn-delete{
    background-color:var(--btn-delete-bg-color);
    /*color:var(--btn-delete-color);*/
}
.df-btn-cancel{
    background-color: var(--btn-cancel-bg-color);
}
.df-btn-sel{
    background-color: var(--btn-sel-bg-color);
}
.df-btn-confirm{
    background-color: var(--btn-confirm-bg-color);
}
.df-btn-reset{
    background-color: var(--btn-reset-bg-color);
}

/**
标题定义
 */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight:500;
    line-height:250%;
}
h1,.h1{
    font-size:calc(2 * var(--font-size-base));
}
h2,.h2{
    font-size:calc(1.8 * var(--font-size-base));
}
h3,.h3{
    font-size:calc(1.6*var(--font-size-base));
}
h4,.h4{
    font-size:calc(1.4*var(--font-size-base));
}
h5,.h5{
    font-size:calc(1.2*var(--font-size-base));
}
h6,.h6{
    font-size:var(--font-size-base);
}
.small{
    font-size:75%;
    line-height:1.5;
}

/**
containers
 */

.df-toolbar{
    text-align:right;
    padding:10px;
}

.df-flex{
    display:flex;
    align-items:center;
}
